* {
	box-sizing: border-box;
}

body,
html {
	width: 100%;
	height: 100%;
	/* overflow-y: hidden; */
}

body::-webkit-scrollbar {
	display: none;
}

.banner {
	padding: 20px;
	width: 100%;
	height: 600px;
	color: black;
	font-family: '幼圆';
	background: url(../img/skybg.png) no-repeat;
	/* background: gray; */
	transition: 4s;
	/* box-shadow: 0px 3px 5px lightgray; */
}

/* nav部分 */
.banner .nav {
	height: 60px;
	position: relative;
	font-weight: bold;
}

.banner .nav .xlogobox {
	display: #393D49;
	width: 210px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(255, 255, 255, .7);
	transition: .3s;
	cursor: pointer;
}

.banner .nav .xlogobox img {
	width: 30px;
	height: 30px;
}

.banner .nav .xlogobox label {
	cursor: pointer;
}

.banner .nav .xlogobox:hover {
	color: rgba(255, 255, 255, 1);
}

.banner .nav ul li {
	padding: 0px 10px 0px 10px;
	float: right;
	list-style: none;
}

.banner .nav ul li a {
	transition: .3s;
	color: rgba(255, 255, 255, .7);
}

.banner .nav ul li a:hover {
	color: rgba(255, 255, 255, 1);
}

/* LOGO等元素部分 */
.banner .logobox {
	text-align: center;
	height: 280px;
	/* border: 1px solid orange; */
}

.banner .logobox img {
	/* width: 200px;
	height: 200px; */
	width: 750px;
	/* margin-top: 70px; */
}
/*            *******************标题******************              */
.banner .title {
	padding-top: 30px;
	font-size: 30px !important;
	text-align: center;
	color: black;
	/* font-weight: bold; */
	/* text-shadow: 1px 5px 5px white; */
}
/*            *******************文字******************              */
.banner .msg {
	padding-top: 15px;
	font-size: 14px;
	text-align: center;
	color: black;
}

.banner .btnbox {
	padding-top: 40px;
	text-align: center;
}
/*            *******************主按钮******************              */
.banner .btnbox .btn {
	opacity: .7;
	width: 220px;
	display: inline-block;
	color: rgba(0, 0, 0, .7);
	text-align: center;
	padding: 20px;
	font-weight: bold;
	font-size: 20px;
	border: .5px solid rgba(0, 0, 0, .7);
	transition: all .5s;
}

.banner .btnbox .btn:hover {
	border-radius: 25px;
	color: rgba(0, 0, 0, 1);
	border: 1px solid rgba(0, 0, 0, 1);
	opacity: 1.5;
}

/* main部分 */
main {
	display: none;
}

main .container {
	/* border: 1px solid red; */
	padding: 50px 0px 70px 0px;
}

main .container .ul {
	display: flex;
	justify-content: space-between;
	height: 250px;
	/* border: 1px solid gray; */
}

main .container .ul .ul-item {
	padding: 20px;
	width: 300px;
	color: gray;
	/* border: 1px solid #d2d2d2; */
	border: 1px solid lightgray;
	transition: all .3s;
}

main .container .ul .ul-item:first-child {
	border-top-left-radius: 50px;
}

main .container .ul .ul-item:last-child {
	border-bottom-right-radius: 50px;
}

main .container .ul .ul-item:hover {
	/* border-radius: 30px; */
	box-shadow: 0px 5px 30px lightgray;
	transform: translateY(-10px);
}

main .container .ul .ul-item fieldset {
	border: 1px solid #d2d2d2;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

main .container .ul .ul-item fieldset legend {
	text-align: center;
}

main .container .ul .ul-item fieldset p {
	padding-top: 10px;
	line-height: 2em;
}

/* 底部 */
footer {
	padding: 100px 0 50px 0;
	color: #99a1a6;
	height: 370px;
	text-align: center;
	background: rgb(251,251,251);
	transition: all 4s;
}

footer .p-end {
	color: #b4bbbf;
}
